<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title lang>商品管理</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../../../css/style.css" />
		<link rel="stylesheet" href="../../../css/title.css" />
		<style type="text/css">
			.mui-content{margin:10px;}
			.mui-table-view{background:#e3e3e3;}
			.mui-table-view:before,.mui-table-view:after{height:0;}
			.mui-table-view-cell{padding:10px 10px 0 10px;margin-bottom:10px;background:#fff;}
			.mui-table-view-cell:after{height:0;}
			.mui-table-view-cell>a:not(.mui-btn).mui-active{background:#333;}
			.mui-table-view .mui-media-object{max-width:60px;height:60px;}
			.mui-media-body{font-size:13px;color:#000;white-space:normal;width:50%;}
			.trangle{
				height:0;/* 定义div的长宽为0px */
				width:0;
				position:absolute;/*根据情况自己搞*/
				left:74%;
				top:1px;
				border-left: 36px solid transparent;/*把左边和右边的边框设置为透明*/
  				border-top: 38px solid #05508a;/*上边的边框设置颜色*/
  				border-right: 38px solid transparent;
  				}
  				p.goods-num{position:absolute;top:-35px;color:#fff;left:-8px;font-size:16px;font-weight:700;}
  				.goods-edit{border-top:1px dotted #ccc;}
  				.mui-checkbox.mui-left input[type=checkbox], .mui-radio.mui-left input[type=radio]{left:0px;}
  				.mui-checkbox.mui-left label, .mui-radio.mui-left label{padding-left:30px;color:#999;}
  				.mui-checkbox input[type=checkbox]:checked:before, .mui-radio input[type=radio]:checked:before{color:#D39E30;}
  				.edit-r{line-height: 3;}
  				.edit-r a{margin-left:10px;color:#999;}
  				.mui-button-group button{height:40px;padding:0px;background:#05508a;color:#fff;}
  				button.delete-success{border:none;border-radius:20px;background:#666;color:#fff;height:40px;padding:0px;width:40%;margin-left:30%;position:absolute;bottom:60px;}
		</style>
	</head>

	<body>
		<!-- 头部 -->
		<header class="mui-bar mui-bar-nav home_top">
			<h1 class="mui-title"><span lang>商品管理</span></h1>
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		</header> 
		
		<!--下拉刷新容器-->
		<div id="pullrefresh" class="mui-content mui-scroll-wrapper">
		  <div class="mui-scroll">
				<!--数据列表-->
				<!--商品列表，最多可添加10款商品-->
				<ul class="mui-table-view">
					<!--<li class="mui-table-view-cell mui-media">
						<a href="javascript:;" style="margin-bottom:0px;">
							<img class="mui-media-object mui-pull-left" src="../../../img/logo.png">
							<div class="mui-media-body">
								苹果iPhone7全网通4G手机中国红
								<p class='mui-ellipsis'>价格：3278</p>
								<p class='mui-ellipsis'>库存：3</p>
							</div>
							<div class="trangle"><p class="goods-num">01</p></div>
						</a>
						<div class="goods-edit">
							<div class="mui-input-row mui-checkbox mui-left" style="width:40%;float: left;">
								<label>置顶</label>
								<input name="checkbox" value="Item 1" type="checkbox" >
							</div>
							<div class="mui-pull-right edit-r">
								<a href="">预览</a>
								<a href="shop-edit.html">编辑</a>
								<a href="">删除</a>
							</div>
						</div>
					</li>
					<li class="mui-table-view-cell mui-media">
						<a href="javascript:;" style="margin-bottom:0px;">
							<img class="mui-media-object mui-pull-left" src="../../../img/logo.png">
							<div class="mui-media-body">
								苹果iPhone7全网通4G手机中国红
								<p class='mui-ellipsis'>价格：3278</p>
								<p class='mui-ellipsis'>库存：3</p>
							</div>
							<div class="trangle"><p class="goods-num">01</p></div>
						</a>
						<div class="goods-edit">
							<div class="mui-input-row mui-checkbox mui-left" style="width:40%;float: left;">
								<label>置顶</label>
								<input name="checkbox" value="Item 1" type="checkbox" >
							</div>
							<div class="mui-pull-right edit-r">
								<a href="">预览</a>
								<a href="">编辑</a>
								<a href="">删除</a>
							</div>
						</div>
					</li>
					<li class="mui-table-view-cell mui-media">
						<a href="javascript:;" style="margin-bottom:0px;">
							<img class="mui-media-object mui-pull-left" src="../../../img/logo.png">
							<div class="mui-media-body">
								苹果iPhone7全网通4G手机中国红
								<p class='mui-ellipsis'>价格：3278</p>
								<p class='mui-ellipsis'>库存：3</p>
							</div>
							<div class="trangle"><p class="goods-num">01</p></div>
						</a>
						<div class="goods-edit">
							<div class="mui-input-row mui-checkbox mui-left" style="width:40%;float: left;">
								<label>置顶</label>
								<input name="checkbox" value="Item 1" type="checkbox" >
							</div>
							<div class="mui-pull-right edit-r">
								<a href="">预览</a>
								<a href="">编辑</a>
								<a href="">删除</a>
								删除商品的时候，弹出提示框是否删除该商品
							</div>
						</div>
					</li> -->
				</ul>
		    </div>
			
			<div class="mui-button-group">
				<button class="mui-btn mui-btn-block" id="add_shop"><span class="mui-icon mui-icon-plusempty"></span lang>添加商品</button>
			</div>
			<button class="delete-success mui-btn mui-btn-block" style="display: none;" lang>删除成功</button>
		</div>
	</body>
	
	<script src="../../../js/mui.min.js"></script>
	<script src="../../../js/config.js"></script>
	<script src="../../../js/common.js"></script>
	<script src="../../../js/sockjs.js"></script>
	<script src="../../../js/mui.pullToRefresh.js"></script>
	<script src="../../../js/mui.pullToRefresh.material.js"></script>
	<script src="../../../js/jquery-1.7.2.min.js"></script>
	<script src="../../../resource/store/shop_manage.js"></script>
    <script src="../../../lang/shop.js"></script>
	
</html>